<div class="container">
  <!-- 类型 -->
  <ng-content select=".pipe-type"></ng-content>
  <!-- 图层 -->
  <div class="select" id="selectlayer">
    <span>指定层：</span>
    <!-- nz-select -->
    <nz-select [nzMaxTagCount]="10" [nzMaxTagPlaceholder]="tagPlaceHolder" nzMode="multiple" nzPlaceHolder="请选择图层"
      [nzSuffixIcon]="iconTemplate" [(ngModel)]="listOfSelectedValue" (nzFocus)="closeTip()">
      <nz-option *ngFor="let item of layerlist" [nzLabel]="item.shortname" [nzValue]="item.shortname"></nz-option>
    </nz-select>
    <ng-template #tagPlaceHolder let-selectedList> and {{ selectedList.length }} more selected </ng-template>
    <ng-template #iconTemplate>
      <i nz-icon nzType="down" nzTheme="outline"></i>
    </ng-template>
  </div>
  <!-- 请选择图层 -->
  <div id="show" style="display:none; color:'#ff0000'; margin-left: 72px;">图层不能为空！</div>
  <!-- 井底埋深 -->
  <ng-content select=".depths-range"></ng-content>
  <!-- 坡度统计 -->
  <ng-content select=".slopes-range"></ng-content>
  <!-- 管径范围 -->
  <ng-content select=".diameters-range"></ng-content>
  <!-- 范围查询 -->
  <div class="drow-search">
    <app-mapbox-draw-tool class="draw-tools"></app-mapbox-draw-tool>
  </div>
  <div class="btn-group">
    <!-- <button nz-button nzType="primary">导出</button> -->
    <button nz-button nzType="primary" (click)="static()">统计</button>
    <button nz-button nzType="primary" (click)="clearAll()">清空</button>
  </div>
</div>